
.article_detail {
	@extend .cf;
	@extend .fzss;line-height: 1.8;
	margin: 1.6rem*0.1;
	h1,h2,h3,h4,h5,h6 {
		@extend .fzsb;color:$cf60;
		margin: 0.5rem*0.1 0;
		small {
			@extend .fzssb;color:$c22;
			padding:0 0.5rem*0.1;
		}
	}
	img {
		box-shadow: 0.2rem*0.1 0.2rem*0.1 0.5rem*0.1 rgba($c55,.2);
		display: block;max-width: 100%;margin: .5rem*0.1 auto;
	}
	a,em,i,u,del,ins,strong,b,q {
		padding: 0 0.2rem*0.1;margin: 0 0.2rem*0.1;
	}
	a {color:$green;border-bottom: 1px solid $green;}
	em,i {font-style: italic;color:$blue;background:rgba($blue,0.15);}
	b,strong {font-weight: bold;color:$c22;background:rgba($pink,0.15);}
	p {margin: 0.5rem*0.1 0;}
	ul,ol {padding-left: 2rem*0.1;margin: 0.5rem*0.1 0;}
	ul {list-style-type: disc;}
	ol {list-style-type: decimal;}
	del {text-decoration: line-through;color:$c99;}
	mark {}
	blockquote {
		padding:0.2rem*0.1 0 0.2rem*0.1 1rem*0.1;
	}
	table {
		width: 100%;
		&,td,th {border: 1px solid $cdd;text-align: center;line-height: 1.4;}
		th,td {padding: 0.5rem*0.1;}
		tr:nth-child(even) {background:$cfa;}
		th {background:$blue;color:$cff;}
	}
	blockquote,q {
		border-left: 0.3rem*0.1 solid $cdd;background:$cfa;color: $c77;
	}
	mark {background:$pink;color:$cff;padding: 0 0.3rem*0.1;}
	iframe {width: 100%;height:70vw;}
	pre {
		display: block;background: $cfa;padding: .5rem*0.1;overflow-x: auto;width: 90%;
	}
}


.article_header {
	text-align: center;border-bottom: 1px dotted $cdd;padding: 1.6rem*0.1;
	.title {@extend .fzss;color: $yellow;}
	.date {@extend .fzssm;color: $c99;margin-top: 0.8rem*0.1;}
}
.article {
	@extend .fzss;padding: 1.6rem*0.1;line-height:1.6;
	p {text-indent: 2em;padding: 0.3rem*0.1 0;}
	h1,h2,h3,h4,h5,h6 {
		@extend .fzsb;padding: 0.3rem*0.1 0;color:$c22;
		small {
			@extend .fzssb;
		}
	}
	img {display: block;max-width: 100%}
}